<style type="text/css">
    .layui-form-radio{margin: 0px !important;}
</style>
<form class="layui-form" method="post" lay-filter="baseForm" id="baseForm">
    <input type="hidden" name="id" id="id"/>
    <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-address-card-o"></i>基础信息</span></div>
    <div class="layui-card-body">
        <div class="layui-row">
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>系统编号</label>
                <div class="layui-input-block">
                    <input name="docNo" id="docNo" class="layui-input required" lay-verify="required" placeholder="协议编号" maxlength="20" readonly/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>报关类型</label>
                <div class="layui-input-block">
                    <select id="declareType" name="declareType" lay-filter="select-declare-type" class="required sel-load" lay-verify="required" sel-url="scm/common/bizSelect?type=DeclareType" sel-data-name="DeclareType" sel-key="value" sel-val="label"></select>
                </div>
            </div>
            <div class="layui-col-md3">
                <span class="careful" id="declareTypeDesc"></span>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>甲方</label>
                <div class="layui-input-block">
                    <input name="partyaName" id="partyaName" class="layui-input layui-disabled" lay-verify="required" readonly placeholder="甲方" clear-val/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>社会信用代码</label>
                <div class="layui-input-block">
                    <input name="partyaSocialNo" id="partyaSocialNo" class="layui-input layui-disabled required" lay-verify="required" placeholder="18位统一社会信用代码" readonly/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>法人代表</label>
                <div class="layui-input-block">
                    <input name="partyaLegalPerson" id="partyaLegalPerson" class="layui-input layui-disabled required" lay-verify="required" placeholder="法人代表" readonly/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label">甲方电话</label>
                <div class="layui-input-block">
                    <input name="partyaTel" id="partyaTel" class="layui-input layui-disabled" placeholder="甲方电话" readonly/>
                    <input type="hidden" name="partyaFax" id="partyaFax"/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <label class="layui-form-label"><span class="text-danger">*</span>甲方地址</label>
                <div class="layui-input-block">
                    <input name="partyaAddress" id="partyaAddress" class="layui-input layui-disabled required" lay-verify="required" placeholder="甲方地址" readonly/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md3">
                <label class="layui-form-label">乙方</label>
                <div class="layui-input-block">
                    <input name="partybName" id="partybName" class="layui-input layui-disabled" placeholder="乙方" readonly/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label">法人代表</label>
                <div class="layui-input-block">
                    <input name="partybLegalPerson" id="partybLegalPerson" class="layui-input layui-disabled" placeholder="法人代表" readonly/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label">乙方电话</label>
                <div class="layui-input-block">
                    <input name="partybTel" id="partybTel" class="layui-input layui-disabled" placeholder="乙方电话" readonly/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label">乙方传真</label>
                <div class="layui-input-block">
                    <input name="partybFax" id="partybFax" class="layui-input layui-disabled" placeholder="乙方传真" readonly/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <label class="layui-form-label">乙方地址</label>
                <div class="layui-input-block">
                    <input name="partybAddress" id="partybAddress" class="layui-input layui-disabled" placeholder="乙方地址" readonly/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>签约日期</label>
                <div class="layui-input-block">
                    <input type="text" name="signingDate" id="signingDate" class="layui-input required picker-date" lay-verify="required" placeholder="签约日期" clear-val/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>生效日期</label>
                <div class="layui-input-block">
                    <input type="text" name="effectDate" id="effectDate" class="layui-input required picker-date" lay-verify="required" placeholder="生效日期" clear-val/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>失效日期</label>
                <div class="layui-input-block">
                    <input type="text" name="invalidDate" id="invalidDate" class="layui-input required picker-date" lay-verify="required" placeholder="生效日期" clear-val/>
                </div>
            </div>
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>自动延期/年</label>
                <div class="layui-input-block">
                    <input type="text" name="delayYear" id="delayYear" class="layui-input required" lay-verify="required" INT placeholder="自动延期/年" maxlength="2" value="1" clear-val/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md12">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea class="layui-textarea" name="memo"></textarea>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-handshake-o"></i>报价约定</span></div>
    <div class="layui-card-body">
        <div class="layui-row">
            <div class="layui-col-md6">
                <label class="layui-form-label"><span class="text-danger">*</span>是否垫税</label>
                <div class="layui-input-block">
                    <input type="radio" name="isTaxAdvance" value="true" title="垫税" checked/>
                    <input type="radio" name="isTaxAdvance" value="false" title="不垫税"/>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-col-md3">
                <label class="layui-form-label"><span class="text-danger">*</span>代理费结算模式</label>
                <div class="layui-input-block">
                    <select id="settlementMode" name="settlementMode" class="sel-load" sel-url="scm/common/bizSelect?type=ExpSettlementMode" sel-data-name="ExpSettlementMode" sel-key="value" sel-val="label" sel-first="请选择"></select>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-col-md12">
                    <label class="layui-form-label"><span class="text-danger">*</span><text class="agencyFee-desc">代理费率%</text></label>
                    <div class="layui-input-block">
                        <input type="text" name="agencyFee" class="layui-input required" value="0.00" NUMBER4/>
                    </div>
                </div>
            </div>
            <div class="layui-col-md3">
                <div class="layui-col-md12">
                    <label class="layui-form-label"><span class="text-danger">*</span>最低收费</label>
                    <div class="layui-input-block">
                        <input type="text" name="minAgencyFee" class="layui-input required" value="0.00" NUMBER/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
 <div class="layui-card-header"><span class="def-fc left-split"><i class="fa fa-file-text"></i>附件资料</span></div>
 <div class="layui-card-body">
     <div class="layui-row">
         <fieldset class="layui-elem-field">
             <legend>佐证资料</legend>
             <div class="layui-field-box">
                 <div class="upload-area" id="agr_evidence"></div>
             </div>
         </fieldset>
         <fieldset class="layui-elem-field">
             <legend>协议原件</legend>
             <div class="layui-field-box">
                 <div class="upload-area" id="agr_original"></div>
             </div>
         </fieldset>
     </div>
 </div>